<div class="example">
  <button id="run" class="run">
    Who won?
  </button>
  <div class="message">
    <span style="margin: 0 10px">&#127942;</span>
    <span id="output"></span>
  </div>
  <div id="data-preview" class="container" style="display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between;">
      <div id="TeamA-container" style="width: 300px">
        <h3>Team A</h3>
        <table>
          <colgroup>
            <col style="width:50%" />
            <col style="width:50%" />
          </colgroup>
          <thead>
          <tr>
            <th>ID</th>
            <th>Score</th>
          </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
      <div id="TeamB-container" style="width: 300px">
        <h3>Team B</h3>
        <table>
          <colgroup>
            <col style="width:50%" />
            <col style="width:50%" />
          </colgroup>
          <thead>
          <tr>
            <th>ID</th>
            <th>Score</th>
          </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
      <div id="Formulas-container" style="max-width: 300px">
        <h3>Formulas</h3>
        <table>
          <tbody></tbody>
        </table>
      </div>
  </div>
</div>